<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<script src="./js/flexible.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./css/animate.min.css" />
		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/reset.css" />
		<link rel="stylesheet" type="text/css" href="./css/main.css" />
		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- up -->

		<!-- 
		 <img src="./images/up.png" class="ani up" swiper-animate-effect="aup" swiper-animate-duration="3s" swiper-animate-delay="3s">
		 -->

		<div class="loadding" id="pageLoad" style="width: 100%;height: 100%;z-index: 99;position: absolute;top: 0;left: 0;right: 0;bottom: 0;color: #000;text-align: center;font-size: 0.8rem;display: flex;flex-direction: column;justify-content: center;background-image: url(./images/bg.jpg);background-repeat: no-repeat;background-position: center;background-size: 100%;"><img style="width: 4rem;margin: 0 auto;" src="./images/load.png" class="ro" ><samp><em></em></samp><span id="bb" style="margin-top: 0.4rem;">加载中0%</span><p></p></div>
	
		
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<!-- slide -->

				<!-- 1 -->
				<div class="swiper-slide col-center swiper-no-swiping" style="background-image: url(./images/bg1.jpg);">
					<div class="wrap1">
						<div class="title">
							<img class="ani aa" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s" src="./images/aa.png" >
							<!-- <p class="ani jr" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay=".3s">假如我是钟睒睒</p>
							<p class="ani cy" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">穿回24年前，我会怎么做？</p> -->
						</div>
						<!-- <div class="tit cece ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.3s">测测我的职场潜力</div> -->
						<!-- <div class="btn ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="3.3s">开始</div> -->
						<div class="go btn ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.3s">
							<img src="./images/go.png">
							<p>点击开始</p>
						</div>
					</div>
				</div>


				<!-- 2 -->
				<div class="swiper-slide col-center" style="background-image: url(./images/bg2.jpg);">
					<div class="wrap1 wrap2">
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay=".3s">
							晴空一阵霹雳
						</p>
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
							我穿越到了24年前。
						</p>
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.3s">
							1996年9月26日
						</p>
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="3.3s">
							我创立了新安江养生堂饮用水有限公司。
						</p>
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="4.3s">
							农夫山泉的第一个水厂
						</p>
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="5.3s">
							在千岛湖畔的新安江紫金滩诞生。
						</p>
					</div>
					<img src="./images/bb.png" class="ani bb">
					<img src="./images/b.png" class="ani b">
					<img src="./images/up.png" class="ani up" swiper-animate-effect="aup" swiper-animate-duration="3s"
					 swiper-animate-delay="5s">
				</div>


				<!-- 3 -->
				<!-- ti1 -->
				<div class="swiper-slide col-center swiper-no-swiping" style="background-image: url(./images/bg2.jpg);">
					<img src="./images/c.png" class="ani c" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay=".3s">
					<img src="./images/bb.png" class="ani cc" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
					<div class="wrap1 ti-wrap ti1wrap">
						<div class="ti ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.3s">第1/5题</div>
						<div class="ti-title ti1tit ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="3.3s">
							<p> 1997年,没人知道农夫山泉这个初创品牌,我打算先做什么呢？ </p>
						</div>
						<ul class="ti-ul ti1-ul ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="4.3s">
							<li class="ti1"> A、电视广告大面积传播 </li>
							<li class="ti1"> B、对上海这个大都市定点爆破 </li>
							<li class="ti1"> C、取个通俗易懂的广告语 </li>
							<li class="ti1"> D、发起“百万小学生大赠饮”活动 </li>
						</ul>
					</div>
				</div>
				<!-- 4 -->
				<div class="swiper-slide col-center" style="background-image: url(./images/bg3.jpg);">
					<div class="wrap1 wrap4">
						<img src="./images/dd.png" class="ani dd" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay=".3s">
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
							恭喜你!
						</p>
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.3s">
							经过几年努力，农夫山泉崭露头角
						</p>
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="3.3s">
							98年世界杯，农夫山泉在央视首度亮相
						</p>
					</div>
					<img src="./images/up.png" class="ani up" swiper-animate-effect="aup" swiper-animate-duration="3s"
					 swiper-animate-delay="3s">
				</div>
				<!-- 5 -->
				<!-- ti2 -->
				<div class="swiper-slide col-center swiper-no-swiping" style="background-image: url(./images/bg3.jpg);">
					<img src="./images/4.png" class="ani e">
					<div class="wrap1 ti-wrap ti2wrap">
						<div class="ti ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay=".3s" style="color: #010101;">第2/5题</div>
						<div class="ti-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
							<p style="color: #26412e;text-align: left;font-weight: 600;"> 世纪之交,瓶装水市场巨头林立,我要如何突围呢？ </p>
						</div>
						<ul class="ti-ul ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.3s" style="color: #26412e;">
							<li class="ti2">A、深化了天然水战略，对外宣布不再生产纯净水</li>
							<li class="ti2"> B、捐出100万，助力北京“申奥” </li>
							<li class="ti2"> C、开始赞助乒乓球国家队 </li>
							<li class="ti2"> D、拍摄纪录片强化“天然水”的差异性</li>
						</ul>
					</div>
				</div>
				<!-- 6 -->
				<div class="swiper-slide col-center" style="background-image: url(./images/bg4.jpg);">
					<img src="./images/x.png" class="ani x">
					<img src="./images/xx.png" class="ani xx" >
					<div class="wrap1" style="color: #223d2a;font-size: 0.72rem;margin-top: 7rem;">
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay=".3s">
							企业稳扎稳打
						</p>
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
							2000年,
						</p>
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.3s">
							我和袁隆平一起入选了中国十大经济人物
						</p>
					</div>
					<img src="./images/up.png" class="ani up" swiper-animate-effect="aup" swiper-animate-duration="3s"
					 swiper-animate-delay="3s">
				</div>
				<!-- 7 -->
				<!-- ti3 -->
				<div class="swiper-slide col-center swiper-no-swiping" style="background-image: url(./images/bg5.jpg);">
					<img src="./images/7.png" class="ani f" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay=".3s">
					<div class="wrap1 ti-wrap" style="color: #653000;">
						<div class="ti ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">第3/5题</div>
						<div class="ti-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
							<p style="font-weight: 600;text-align: left;"> 农夫山泉崭露头角,但矿物质水仍大行其道,企业应该如何突围？ </p>
						</div>
						<ul class="ti-ul ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.3s">
							<li class="ti3">A、企业不会炒作就是木乃伊，继续开启水战</li>
							<li class="ti3">B、让水的酸碱性成为民众讨论的话题</li>
							<li class="ti3"> C、提出新的品牌营销概念“弱碱性水”</li>
						</ul>
					</div>
				</div>
				<!-- 8 -->
				<div class="swiper-slide col-center" style="background-image: url(./images/bg5.jpg);">
					<img src="./images/8.png" class="ani g" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
					<div class="wrap1" style="color: #653000;font-size: 0.72rem;">
						<!-- <p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay=".3s" style="color: #653000;">
							由于我继续开展水战，让酸碱性成为全民讨论的话题。从此，各种概念水纷纷推出，冰川水、离子水、功能水、富氧水等，品牌这般跟风的行为，也证明了我的营销策略是有效营销，获得了消费者的认可。
						</p> -->
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
							2012年底 
						</p>
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s" >
							农夫山泉系列产品销售第一次突破了百亿。
						</p>
						<div class="tip ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.3s">
							<p>引用：《食品安全国家标准包装饮用水》（GB19298-2014）规定：除了天然矿泉水有另行的国家标准外，以后市场上的包装水只分为饮用纯净水和其他饮用水两类，即不是纯净水就归结为其他饮用水。其他的叫法都将不被允许。</p>
						</div>
					</div>
					<img src="./images/up.png" class="ani up" swiper-animate-effect="aup" swiper-animate-duration="3s"
					 swiper-animate-delay="3s">
				</div>
				<!-- +9 -->
				<!-- ti4 -->
				<div class="swiper-slide col-center swiper-no-swiping" style="background-image: url(./images/bg6.jpg);">
					<img src="./images/9.png" class="ani h" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay=".3s">
					<div class="wrap1 ti-wrap" style="color: #7b4b00;">
						<div class="ti ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">第4/5题</div>
						<div class="ti-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
							<p style="font-weight: 600;text-align: left;"> 2011年,农夫山泉推出了东方树叶无糖茶,但市场反响平平,该如何做？ </p>
						</div>
						<ul class="ti-ul ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.3s">
							<li class="ti4">A、再观察两年，实在不行就放弃吧</li>
							<li class="ti4">B、战略意义大于营收意义，无论如何得坚持</li>
							<li class="ti4"> C、东方树叶需要一个时机去引爆行业</li>
						</ul>
					</div>
				</div>
				<!-- 10 -->
				<div class="swiper-slide col-center" style="background-image: url(./images/bg6.jpg);">
					<img src="./images/101.png" class="ani h ll" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay=".3s">
					<img src="./images/10.png" class="ani h lll" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
					<div class="wrap1" style="text-align: left;color: #7b4b00; font-size: 0.72rem;padding: 0 1.7rem;">
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.3s">
								最终我还是选择再坚持一下，
							</p>							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.3s">
								作为一款健康的产品，未来必放光芒
							</p>							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.3s">
								事实证明，我的坚持是对的，
							</p>							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.3s">
								历经八年蛰伏，东方树叶饮迎来了
							</p>							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.3s">
								品牌新生。
							</p>
						<!-- <p class="ani a" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay=".3s">
							最终我还是选择再坚持一下，作为一款健康的产品，未来必放光芒
						</p>
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
							事实证明，我的坚持是对的，历经八年蛰伏，东方树叶饮迎来了品牌新生 -->
						</p>
					</div>
					<img src="./images/up.png" class="ani up" swiper-animate-effect="aup" swiper-animate-duration="3s"
					 swiper-animate-delay="3s">
				</div>
				<!-- 11 -->
				<!-- ti5 -->
				<div class="swiper-slide col-center swiper-no-swiping" style="background-image: url(./images/bg11.jpg);">
					<img src="./images/11.png" class="ani m" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay=".3s">
					<div class="wrap1 ti-wrap" style="color: #370075;">
						<div class="ti ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">第5/5题</div>
						<div class="ti-title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
							<p style="font-weight: 600;text-align: left;">新时期，为讲好品牌故事，我会怎么做呢？</p>
						</div>

						<ul class="ti-ul ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2.3s">
							<li class="ti5">A、开启“农夫山泉寻源”的见证之旅</li>
							<li class="ti5">B、进军高端水，并推出生肖水做营销</li>
							<li class="ti5"> C、率先在行业内开启“无条件关闭广告”的理念，赢得消费者好感</li>
							<li class="ti5"> D、为员工立传，推出系列广告片</li>
						</ul>
					</div>
				</div>
				<!-- 12 -->
				<div class="swiper-slide col-center" style="background-image: url(./images/bg11.jpg);">
					<img src="./images/12.png" class="ani n" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay=".3s" >
					<div class="wrap1" style="font-size: 0.72rem; color: #370075;margin-top: 0.4rem;">
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
							时光飞逝
						</p>
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
							转眼间农夫山泉已经走过了24个年头
						</p>
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
							未来的成绩农夫山泉我们一起书写。
						</p>
					</div>
					<img src="./images/up.png" class="ani up" swiper-animate-effect="aup" swiper-animate-duration="3s"
					 swiper-animate-delay="3s">
				</div>
				<!-- 13 -->
				<!-- end -->
				<div class="swiper-slide col-center" style="background-image: url(./images/bg13.jpg);text-align: center;">
					<div class="user" style="color: #fff;">
						<img src="./images/d.png" style="width: 55px;height: 55px;margin: 0 auto;">
						<p style="font-size: 0.6rem;color: #000;margin-top: 0.2rem;">昵称</p>
						<div class="pos"></div>
						<div class="l">
							<p>当上了农夫山泉的</p>
						</div>
					</div>
					<!-- <img src="images/info.png" style="width: 330px; margin: 2vh auto 0;"> -->
					<div id="pos">人事经理</div>
					<p style="color: #219fea;font-size: 0.6rem;margin-top: 2.8rem;font-weight: 600;">长按图片分享保存</p>
					<div class="btnW">
						<div class="btnG">
							<div class="btn1 btn0"><img src="./images/btn1.png" ></div>
							<div class="btn2 btn0"><img src="./images/btn2.png" ></div>
						</div>
						<div class="btn2 btn0" style="width: 90%;color: #000;margin: 0.8rem auto;"><img class="btn3" src="./images/btn3.png" ></div>
					</div>
				</div>

				<!-- slide end -->
			</div>
		</div>
<div class="audio ro" style="background-image: url(./images/z.png);background-repeat: no-repeat;background-position: center;background-size: 100% 100%;position: absolute;top: 20px;right: 20px;z-index: 999999999;">
		</div>
		<audio id="audio" src="./images/1.mp3" preload="auto" autoplay="autoplay" style="display: none;" >
			当前浏览器不支持audio
		</audio>
		

		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/swiper.animate.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				var beforeDate = new Date();
				var $window = $(window),
					$doc = $(document),
					$body = $("body"),
					winWidth = $window.width(),
					docWidth = $doc.width(),
					docHeight = $doc.height(),
					winHeight = $window.height(),
					speed = 250;
					var afterDate = new Date(),
					pagePreLoad = (afterDate - beforeDate),
					time = 10 / pagePreLoad,
					preImgLen = 35 / pagePreLoad,
					n = 0,
					m = 0,
					play = setInterval(function() {
						if (Number(n) >= 100 && Number(m) >= 350) {
							clearInterval(play);
							n = 100;
							m = 350;
							setTimeout(function() {
								$("#pageLoad").fadeOut(400, function() {
									$(this).remove();
								});
							}, 200);
						};
						$("#bb").text('加载中'+Math.floor(n) + "%");
						n += time;
						m += preImgLen;
					}, 100);
			})
		</script>
		<script type="text/javascript">
			$(function() {
				var scores = 0;
				var clicked = true;
				var position = "人事经理";
				// $(".loadding").fadeOut();
				var mySwiper = new Swiper('.swiper-container', {
					direction: 'vertical',
					initialSlide: 0, // 定义初始显示第几个 slide 
					preventInteractionOnTransition: true,
					observer: true,
					observeParents: true,
					speed: 800,
					effect: 'fade',
					touchRatio: 0.5, //触摸变慢
					slidesPerView: 1, // 控制每次滑动的个数
					noSwiping: true, //必须配合swiper-no-swiping,哪个滑块不需要滑动，就加这个类
					allowSlidePrev: false, // 只能下滑  不能上滑
					on: {
						init: function() {
							swiperAnimateCache(this); //隐藏动画元素 
							this.emit('slideChangeTransitionEnd'); //在初始化时触发一次slideChangeTransitionEnd事件
							swiperAnimate(this); //初始化完成开始动画
						},
						slideChangeTransitionEnd: function() {
							clicked = true
							swiperAnimate(this); //每个slide切换结束时运行当前slide动画
							// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); //动画只展示一次
						},
						slideChangeTransitionStart: function() {
							let idx = this.activeIndex // 当前slide索引
							console.log('当前slide索引', idx);
							// if (idx == 1) {
							// 	$(".swiper-slide").eq(1).addClass('swiper-no-swiping') // 添加禁止滑动的class
							// 	$(".swiper-slide").eq(4).addClass('swiper-no-swiping') // 添加禁止滑动的class
							// }
						},
					}
				});
				$(".btn").click(function() {
					setTimeout(function() {
						mySwiper.slideTo(1, 1000, function() {
							console.log('go 1 Slide');
						})
					}, 800)
				})
				$(".ti1").click(function() {
					if(clicked){
							console.log($(this).index());
							let idx = $(this).index();
							$(this).addClass('active');
							if(idx == 0){
								scores += 10;
							}else if(idx == 1){
								scores += 20;
							}else if(idx == 2){
								scores += 25;
							}else if(idx == 3){
								scores += 15;
							}
							console.log('分数：',scores);
							setTimeout(function() {
								mySwiper.slideNext();
							}, 800)
						clicked = false
					}
				})
				$(".ti2").click(function() {
					if(clicked){
						
							console.log($(this).index());
							let idx = $(this).index();
							$(this).addClass('active');
							if(idx == 0){
								scores += 20;
							}else if(idx == 1){
								scores += 15;
							}else if(idx == 2){
								scores += 10;
							}else if(idx == 3){
								scores += 25;
							}
							console.log('分数：',scores);
							setTimeout(function() {
								mySwiper.slideNext();
							}, 800)
						clicked = false
					}
				})
				$(".ti3").click(function() {
					if(clicked){
						
							console.log($(this).index());
							let idx = $(this).index();
							$(this).addClass('active');
							if(idx == 0){
								scores += 30;
							}else if(idx == 1){
								scores += 10;
							}else if(idx == 2){
								scores += 20;
							}
							console.log('分数：',scores);
							setTimeout(function() {
								mySwiper.slideNext();
							}, 800)
						clicked = false
					}
				})
				$(".ti4").click(function() {
					if(clicked){
						
							console.log($(this).index());
							let idx = $(this).index();
							$(this).addClass('active');
							if (idx == 0) {
								$(".a").eq(0).removeClass('a')
								scores += 5;
							}else if(idx == 1){
								scores += 10;
							}else if(idx == 2){
								scores += 20;
							}
							console.log('分数：',scores);
							setTimeout(function() {
								mySwiper.slideNext();
							}, 800)
						
						clicked = false
					}
				})
				$(".ti5").click(function() {
					if(clicked){
							console.log($(this).index());
							let idx = $(this).index();
							$(this).addClass('active');
							if(idx == 0){
								scores += 5;
							}else if(idx == 1){
								scores += 15;
							}else if(idx == 2){
								scores += 20;
							}else if(idx == 3){
								scores += 10;
							}
							console.log('分数：',scores);
							if(scores<=45){
								position = "人事经理"
							}else if(scores<=55){
								position = "办事处行政企划"
							}else if(scores<=65){
								position = "资深视觉设计师"
							}else if(scores<=75){
								position = "媒介核销专员"
							}else if(scores == 80){
								position = "运营主管"
							}else if(scores == 85){
								position = "产品策划专员"
							}else if(scores == 90){
								position = "新零售总监"
							}else if(scores <= 100){
								position = "商务总监"
							}else if(scores <= 110){
								position = "高级审计师"
							}else if(scores <= 120){
								position = "品牌经理"
							}
							console.log(position);
							let endP = [...position]
							let h = ""
							endP.forEach(item=>{
								h+= `<div class="bgt">${item}</div>`
							})
							$("#pos").html(h)
							if(endP.length>=6){
								$("#pos").css('margin-left','0.6rem')
								$(".bgt").css('margin-left','-0.6rem')
								console.log('dadada');
							}
							setTimeout(function() {
								mySwiper.slideNext();
							}, 800)
							clicked = false
					}
				})
				$(".btn1").click(function() {
					location.reload()
				})
				var t = true;
				$(".audio").click(function() {
					$(this).toggleClass('ro')
					if(!t){
						$(this).css('background-image','url(./images/z.png)')
						$("#audio")[0].play();//播放
						
						t = !t
					}else{
						$(this).css('background-image','url(./images/zz.png)')
						$("#audio")[0].pause();//暂停
						t = !t
					}
				})
			})
		</script>
	</body>
</html>
